import React, { Component } from 'react'
import CardContainer from '../component/card.container'

class Jiaoyizhongxin extends Component {
  constructor(props) {
    super(props)
  }

  render() {
    let { list } = this.props
    return (
      <CardContainer className="inline-span span-30" style={{height: '300px'}}>

        <span className="border-corner border-lt p-left p-top" />
        <span className="border-corner border-rb p-right p-bottom" />
        
        <h3 style={{lineHeight: '50px', marginBottom: '40px'}}>西安股权托管交易中心</h3>
        <div className="row">
          {list.map((item, index) => {
            return (
              <div key={index} className="process" style={{ textAlign: 'left' }}>
                <span className="process-company" style={{ display: 'inline-block', width: '60px', textAlign: 'right' }}>
                  {item.label}
                </span>
                <span className="process-bar" style={{ width: item.ratio + '%' }} />
                <span className="process-pend">{item.pend}</span>
              </div>
            )
          })}
        </div>
      </CardContainer>
    )
  }
}

Jiaoyizhongxin.defaultProps = {
  list: require('../api.mock/jiaoyizhongxin.json')
}

export default Jiaoyizhongxin